<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人主页</title>
        <link rel="stylesheet" type="text/css" href="css/new_file.css"/>
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
	</head>
	<body>
		<header>
			<div class="container">
				<h1>张雨晗</h1>
				<hr>
				<p>个人 ● 主页</p>
				<p><button>了解更多</button></p>
			</div>
		</header>
		  <nav >
			<ul id="h">
				<li><a>自我介绍</a></li>
				<li><a>作品展示</a></li>
				<li><a>联系方式</a></li>
			</ul>
		</nav>
		<div class="show">
			<div class="show_one">
				<h1>自我介绍</h1>
				<hr>
				<img src="img/01-large.jpg">
				<p>我叫张雨晗，是盛邦升华IT精英班的一名学生，我今年19岁了，我来自河北省邯郸市永年区广府镇。</p>
				<p>广府镇也称广府古城、水城、太极城，更是杨氏太极拳和武氏太极拳的发源地。广府镇位于华北平原南部，</p>
				<p>因明清曾为广平府所治，故称为广府。广府是国家历史文化名镇，距今已有2600多年的历史，现为全国重点</p>
				<p>文物保护单位。广府有许多的旅游景点和特色小吃，现存的旅游景点有：杨露禅故居、弘济桥、甘露寺和永年洼</p>
			   <p>湿地公园等等，特色小吃有：广府酥鱼，广府酥鱼历史悠久，是地方传统名吃。欢迎大家来我的家乡游玩。</p>
			   <p>我的爱好是听音乐和跑步，听音乐可以使我放松心情，跑步可以锻炼身体，增强体质。</p>
			   <p>我的人生格言是：只要你肯奋斗没有什么是不可能的。</p>
			  <p><button>了解更多</button></p>
			</div>
		</div>
		
		<div class="main" id="main">
			<div class="main_one">
				<h1>作品展示</h1>
				<hr />
				<p><button id="btn">所有</button></p>
			</div>
			<ul class="main_two">
				<li>
					<img src="img/2019-10-07_081219.png" >
					<div class="zhe">
						<p>堆糖</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081354.png" >
					<div class="zhe">
						<p>漫威</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081439.png" >
					<div class="zhe">
						<p>EAST</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081510.png" >
					<div class="zhe">
						<p>腾讯网</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081535.png" >
                      <div class="zhe">
                      	<p>Themes</p>
                      </div>
				</li>
				<li>
					<img src="img/2019-10-07_081603.png" >
					<div class="zhe">
						<p>天涯明月刀</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081649.png" >
					<div class="zhe">
						<p>云巴</p>
					</div>
				</li>
				<li>
					<img src="img/2019-10-07_081724.png" >
					<div class="zhe">
						<p>响应式</p>
					</div>
				</li>
			</ul>
			<ul class="main_three" id="three">
				<li>
					<img src="img/1.png" >
					<div class="zhe">
						<p>天气预报</p>
					</div>
				</li>
				<li>
					<img src="img/2.png" >
					<div class="zhe">
						<p>恒望科技</p>
					</div>
				</li>
				<li>
					<img src="img/3.png" >
					<div class="zhe">
						<p>飞猪</p>
					</div>
				</li>
				<li>
					<img src="img/4.png" >
					<div class="zhe">
						<p>天猫</p>
					</div>
				</li>
				<li>
					<img src="img/5.png" >
					<div class="zhe">
						<p>携程</p>
					</div>
				</li>
				<li>
					<img src="img/6.png" >
					<div class="zhe">
						<p>淘宝</p>
					</div>
				</li>
				<li>
					<img src="img/7.png" >
					<div class="zhe">
						<p>古驰</p>
					</div>
				</li>
				<li>
					<img src="img/8.png" >
					<div class="zhe">
						<p>摄影</p>
					</div>
				</li>
			</ul>
		</div>
		<footer>
			<div class="footer_one">
				<h1>联系方式</h1>
				<hr />
			</div>
			<div class="footer_two">
				<input type="text" name="" placeholder="Name" />
				<input type="text" name="" id="z" placeholder="Email" />
				<input type="text" placeholder="Message" />
				<p><button>发信息</button></p>
			</div>
		     <div class="logo">
				 <i class="fa fa-facebook" style="font-size: 25px;"></i>
				 <i class="	fa fa-twitter" style="font-size: 25px;"></i>
				 <i class="	fa fa-dribbble" style="font-size: 25px;"></i>
				 <i class="	fa fa-behance" style="font-size: 25px;"></i>
		  </div>
		</footer>
		
		<script src="js/new_file.js"></script>
	</body>
</html>
